<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>优卡</title>
<link type="text/css" rel="stylesheet" href="css/main.css" />

<script type="text/javascript" src="js/lib/phaser.min.js" ></script>
<script type="text/javascript" src="js/lib/jquery-2.1.4.min.js" ></script>
<script type="text/javascript" src="js/lib/socket.io.min.js" ></script>

<script type="text/javascript" src="js/game/def.js"></script>
<script type="text/javascript" src="js/game/main.js"></script>
<script type="text/javascript" src="js/game/netevent.js"></script>
<script type="text/javascript" src="js/game/logic.js"></script>
<script type="text/javascript" src="js/game/card.js"></script>
<script type="text/javascript" src="js/game/role.js"></script>
<script type="text/javascript" src="js/game/ui.js"></script>
<script type="text/javascript" src="js/game/htmlui.js"></script>

<script type="text/javascript" src="js/state/boot.js"></script>
<script type="text/javascript" src="js/state/load.js"></script>
<script type="text/javascript" src="js/state/menu.js"></script>
<script type="text/javascript" src="js/state/main.js"></script>
<script type="text/javascript" src="js/state/play.js"></script>
</head>
<body>
	<header><button id="btnlogin"> 登 录 </button>&nbsp;<button id="btnregister"> 注 册 </button></header>
	<div id="gameview"></div>
    <div class="login form">
		<form>
        <ul>
            <li><label for="loginname">帐号</label>
            <input type="text" id="loginname" placeholder="用户名/邮箱地址" required>
            </li>
            <li><label for="loginpass">密码</label>
            <input type="password" id="loginpass" placeholder="登录密码" required></li>
            <li><input id="btnpassport" type="button" value="登录"></li><li class="errtip"></li>
        </ul>
		</form>
    </div>
    <div class="createrole form">
		<div class="rolerow">
			<div class="arrow-left"></div>
			<div class="rolecell">
				<img />
				<div class="roleinfo">
					<ul>
					</ul>
				</div>
			</div>
			<div class="arrow-right"></div>
		</div>
    	<div class="roledetail">
    		<label class="rolename">
    		</label>
    		<label class="roledescribe">    			
    		</label>
    	</div>
    </div>
</body>
</html>
